$white:#ffffff;
$black:#323232;
$blue:#4a687f;
$green:#52b561;
$gray:#eeeeee;
@import "style";
html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-weight: 200;
}

#header {
    width: 100%;
    height: 70px;
    line-height: 70px;
    background-color: $blue;
    color: $white;
    padding: 0 20px;
    .nav_cont {
        width: 100%;
        height: 100%;
        overflow: hidden;
        @include margin(0 auto);
        .nav_brand {
            float: left;
            display: inline-block;
            height: 100%;
            padding: 10px 50px;
            line-height: 40px;
            .brand {
                height: 40px;
            }
        }
        .nav_title {
            height: 100%;
            padding: 0 10px;
            float: left;
            display: inline-block;
            margin-left: 50px;
            .navtitle {
                height: 70px;
                line-height: 70px;
                font-size: 20px;
            }
        }
        .nav_btn {
            float: right;
            display: inline-block;
            height: 100%;
            padding: 0 10px;
            .quite {
                display: inline-block;
                width: 100%;
                height: 100%;
                color: $white;
                &:hover {
                    cursor: pointer;
                    text-decoration: none;
                    color: $green;
                }
            }
        }
    }
}

#main {
    width: 100%;
    @include calcH(70px);
    #main_aside {
        background-color: $gray;
        float: left;
        width: 223px;
        height: 100%;
        overflow-y: auto;
        -ms-overflow-y: auto;
        .list-group {
            .list-group-item {
                text-align: left;
                height: 60px;
                line-height: 60px;
                border-bottom: 1px solid #FFFFFF;
                a {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    padding-left: 60px;
                    color: $black;
                    font-size: 18px;
                }
                &:hover {
                    a {
                        text-decoration: none;
                    }
                }
            }
            .active {
                background-color: $green;
                a {
                    color: $white;
                }
            }
        }
    }
    #main_content {
        float: left;
        @include calcW(240px);
        height: 100%;
        color: $black;
        overflow: auto;
        padding: 0 40px;
    }
}